@import './sidebar.scss';
@import './variables.scss';
@import './transition.scss';

.element.style {
    transform: none
}

//常见元素样式的初始化
a {
    text-decoration: none;
    color: #1890ff;
    font-size: 12px;
}

span {
    outline: none; //去除Chrome浏览器点击标签出现边框情况
}

img {
    outline: none;
}

.bread-main {
    background-color: #F0F2F5;
}

//主页面的边框与滑动条

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td

/* table elements 表格元素 */
    {
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
    font-size: 14px;
}

//顶部栏
.el-header {
    background-color: #ffffff;
    color: #333;
    text-align: center;
    line-height: 61px; //用1px去掉重叠
    padding: 0px;
}

//侧边栏
.transation {
    // height: 100vh;
    // transition: width 0.2s;
    // -moz-transition: width 0.2s;
    // /* Firefox 4 */
    // -webkit-transition: width 0.2s;
    // /* Safari and Chrome */
    // -o-transition: width 0.2s;
    // /* Opera */
    // overflow: hidden;
}

// .el-scrollbar{
//     height:75px
// }
// .el-scrollbar__thumb {
//     display: none;
// }

// .el-scrollbar__wrap {
//     overflow-x: hidden;
//     overflow-y: hidden;
// }

//面包屑
.hamburger-container {
    line-height: 60px;
    height: 60px;
    float: left;
    padding-right: 10px;
    font-size: 14px;
}

//侧边菜单栏滚动条
// .el-scrollbar__wrap{
//   overflow: hidden;
// }
// .scrollbar-wrapper .el-scrollbar__wrap{
//    margin: 0px;
// }

//标签tag样式
.el-tag {
    padding-left: 0px;
    margin: 0px;
    margin-right: 20px;
    color: #000;
    background-color: #fff;
    border: none;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

.el-tag:hover {
    text-decoration: underline
}

//对话框dialog的设置
.el-dialog__header {
    border-bottom: 1px solid #dcdcdc;
}

.el-dialog__body {
    padding: 15px 20px;
}

.el-dialog__footer {
    border-top: 1px solid #dcdcdc;
}

.el-dialog__title {
    font-size: 16px;
}

.el-table td,
.el-table th {
    height: 50px;
    padding: 7px 0;
}

.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px !important;
    text-align: center;
}

// 表单的设置
.el-form-item {
    margin-bottom: 15px;
}

//表单的输入框设置
// .form-input{
//     min-width: 400px !important;
// }

//每个模块的内容轮廓
.el-containter-outline {
    min-height: calc(100vh - 148px); //兼容性
    background: #fff;
}

.el-aside-set {
    width: 250px !important;
    border-right: 1px solid #eee;
}

// 操作按钮
.operate-button {
    float: left;
    margin-bottom: 10px;
}

//题目作答统计按钮
.statistics-button {
    border-radius: 36px;
    border-color: rgba(24, 144, 255, 1);
    color: rgba(24, 144, 255, 1);
}

.statistics-button:hover {
    border: none;
    background: rgba(24, 144, 255, 1);
    color: #fff;
}

// 返回按钮
.go-back {
    float: right;
    border-radius: 20px;
    width: 75px;
    height: 30px
}

// 顶部保存按钮
.top-save-button {
    margin-right: 20px;
    float: right;
    border-radius: 20px
}

// 被包在el-header的操作按钮
.header-operate-button {
    float: left;
}

.el-main {
    padding: 0;

}

.main-header {
    margin-bottom: 10px
}

// table设置
.el-table {
    color: #000;
    // margin-left:15px;
}

.el-table__body {
    overflow: auto
}

.el-table th>.cell {
    font-weight: bolder;
    font-size: 14px;
    color: #333;
}

.el-table .cell {
    line-height: 25px;
}

.el-table th {
    background-color: #FAFAFA;
}

// 按钮
.el-button--primary {
    background-color: #1890ff;
    border-color: #1890ff;
}

.el-button--warning {
    background-color: #FF9146;
    border-color: #FF9146;
}

// 搜索按钮
.search-input {
    width: 20%;
    float: left;
    margin-left: 2%;
    line-height: 30px;
}

.search-input>.el-input__inner {
    background-color: #F0F2F5;
    border-radius: 20px;
}

//侧边菜单选择
.hover-operate-button {
    display: none;
}


.el-menu-item:hover>.hover-operate-button {
    display: inline-block;
    position: absolute;
    right: 10%;

}

.el-menu-item.is-active {
    color: #000;
}

//main的侧边选中与未选中状态（角色，反馈类型）
.selected {
    background-color: #f4faff
}

.unselected {
    background-color: #f4faff
}

// 树结构的文字和图标
.el-tree {
    color: #000;
    font-size: 14px;
}

.el-tree-node__content>.el-tree-node__expand-icon {
    padding-left: 0;
}

// .el-tree-node__content:focus{
//     background-color:#1890ff;
// } 

.tree_title:hover {
    color: #1890ff;

}

.el-icon-caret-right:before {
    content: "\E791";
    color: #000;
}

.query-input>.el-input__inner {
    border-radius: 20px;
    background: #F0F2F5;
}

// 菜单标题样式
.el-submenu__title {
    color: #fff;
    // opacity: 0.65;
    padding: 0px;
    height: 54px;
}

.el-submenu__title:hover {
    background-color: #1890ff !important;
}

.submenu-title-noDropdown {
    // left: 24px;
    padding: 0px;
}

.el-submenu .el-menu-item {
    height: 40px;
    line-height: 40px;
    padding: 0;
    min-width: 200px;
}

// 上传文件
// .el-upload-dragger .el-icon-upload{
//     line-height: 20px;
//     font-size: 50px;
//     margin: 20px 0 0;
// }
// .el-upload-dragger{
//     width: 300px;
//     height: 200px;
// }
select {
    width: 140px;
    height: 28px;
    font-family: 'Arial Normal', 'Arial';
}

.notice-form .el-input__inner {
    width: 40%;
}

.notice-form .el-textarea__inner {
    width: 70%;
    height: 120px;
}

//课程名称导航
.course-name {
    font-weight: 700;
    height: 40px;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
}

//文本框大小
.text-content>.el-textarea__inner {
    min-height: 80px !important
}

//tab标签页的字体大小
.el-tabs__item {
    font-size: 16px;
}

//提示操作的结果
.el-message {
    min-width: 120px;
}

//题目列表
.quiz-list {
    min-height: 50px;
    margin: 20px 0 0 0;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 0px 9px rgba(24, 144, 255, 0.1);
}

.main-scroll {
    margin-right: -48px;
    padding-right: 32px;
    // max-height: inherit;
    // height: inherit;
    overflow-y: auto;
    scrollbar-face-color: red;
}

// ::-webkit-scrollbar {
//     width: 20px;
//     height: 8px;
// }

// ::-webkit-scrollbar-thumb {
//     border-radius: 12px;
//     border: 6px solid rgba(0, 0, 0, 0);
//     box-shadow: 8px 0 0 #A5ADB7 inset;
// }

// ::-webkit-scrollbar-thumb:hover {
//     box-shadow: 8px 0 0 #4A4A4A inset;
// }

.dialog-chapter>.el-dialog__header {
    display: none;
}

// .el-button--info{
//     // background-color: #313833;
//     // box-shadow: 0 0 0 0 rgba(83, 83, 83, 0);
// }
//下拉button
.dropdown-button .el-dropdown-menu {
    margin: 5px 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-button .el-dropdown-menu__item {
    line-height: 5px;
    padding: 0 0;
    margin: 0;
    outline: 0;
}

.title-head {
    font-size: 16px;
    font-weight: 600;
}

//分隔条
.divcut {
    height: 24px;
    margin: 0 -32px;
    background: rgb(240, 242, 245);
}

//边界
.border-style {
    border-radius: 4px;
}

//切换按钮
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background: #fff;
    color: #1890ff;
}